<!--
 * @Description: 
 * @Author: charles
 * @Date: 2021-05-05 22:02:56
 * @LastEditors: JunyaoPan
 * @LastEditTime: 2021-09-22 10:59:46
-->
<template>
  <div id="cl" style="height: 200px;"></div>
</template>

<script>
import { Column } from "@antv/g2plot";
export default {
  mounted() {
    const data = [
      { year: "1991", value: 3 },
      { year: "1992", value: 4 },
      { year: "1993", value: 3.5 },
      { year: "1994", value: 5 },
      { year: "1995", value: 4.9 },
      { year: "1996", value: 6 },
      { year: "1997", value: 7 },
      { year: "1998", value: 9 },
      { year: "1999", value: 13 },
    ];
    const column = new Column(cl, {
      data,
      xField: "year",
      yField: "value",
      colorField: "year",
    });
    column.render();
  },
};
</script>
<style lang="scss" scoped>
</style>